<template>
  <div class="recommend">
   <h3><img src="../../../assets/img/today.png"/><h3>今日推荐</h3></h3>
    <img src="../../../assets/img/huo1.png"/>
    <img src="../../../assets/img/huo2.png"/>
  <img src="../../../assets/img/huo3.png"/>
  <img src="../../../assets/img/huo4.png"/>
  </div>
</template>
<script>
export default{
    name:'Recommend'
}
</script>
<style scoped lang="less">
.recommend{
  height: 165px;
  width: 1200px;
  margin: 10px auto;
   h3{
     background-color: #5c5251;
     width: 199px;
     height: 100%;
      float: left;
     img{
        vertical-align: middle;
      width:57px;
      height:57px;
      margin: 60px 100px;
      transform: translate(-50%,-50%);
    }
    h3{
      position:relative;
      display: block;
      top:-65px;
      left:60px;
      width: 100px;
      height: 40px;
      font-size: 18px;
      color:rgb(255, 255, 255)
    }
   }
    img:nth-child(n+2){
      float: left;
      width: 249px;
      height: 165px;
  }
}
</style>
